@charset "utf-8";

body {
            background: #fff;
            margin: 0.5em;
            font-family: arial, sans-serif;
            font-size: 85%;
        }

img {
            border: 0px;
        }

form {
            margin: 0em;
            padding: 0em;
        }

.document {
            margin: 1em;
            width: 90%;
        }

.document img {
            border: 1px;
            border-style: solid;
            border-color: #aab;
            background: #eef;
            margin: 0.2em;
            padding: 1em;
        }

.document table {
            border-collapse: collapse;
            border: 0;
        }

.document table td {
            vertical-align: center;
            border: 0;
            margin: 0.5em;
            padding: 0.5em;
        }

.document table th {
            vertical-align: center;
            border: 0;
            margin: 0.5em;
            padding: 0.5em;
        }

.footer {
            font-size: 50%;
        }

.footer img {
            border:  none;
        }

.settings {
            float: right;
        }

.simple-link a{
            text-decoration: none;
            color: #8ac;
            cursor: pointer;
        }

.simple-link a:hover {
            color: #46a;
        }

.logo{
            float: center;
            width: 100%;
        }

.logo table td {
            width: 100%;
            vertical-align: bottom;
            font-size: xx-large;
            font-weight: bolder;
        }

.logo .title {
            text-decoration: none;
            color: #fa0;
            text-align: left;
            width: 100%;
        }

.header {
            float: center;
            background: #cdf;
            border-top: 1px solid #357;
            width: 100%;
        }

.header-links {
            padding: 0.5em 0em 0.5em 0em;
            text-align: center;
            float: center;
            width: 100%;
        }

.header a {
            text-decoration: none;
            color: #10a;
        }

.header a:hover {
            text-decoration: none;
            color: #85e;
        }

.menu {
            float: right;
            margin-top: 0.1em;
            margin-left: 0.4em;
            border-left: 0.2em solid #eef;
        }

.menu .blank {
            height: 5em;
        }

.menu table {
            border-collapse: collapse;
            text-align: left;
        }

.menu th {
            padding: 0.2em 0em 0em 0.5em;
            color: #000;
            background: #eef;
            font-weight: bold;
        }

.menu td {
            border-top: 1px dashed #dee;
        }

.menu input {
            padding: 0.2em 2em 0.2em 0.5em;
            background: #fff;
            border:0 none;
            color: #20d;
            cursor: pointer;
            width: 100%;
            text-align: left;
            float: left;
        }

.menu input:hover {
            background: #efd;
        }

.button input {
            margin: 0;
            padding: 0;
            background: #fff;
            border:0 none;
            text-decoration: none;
            color: #8ac;
            cursor: pointer;
        }

.button input:hover {
            color: #46a;
        }

.all-calendar table {
            border-collapse: collapse;
        }

.calendar {
            float: center;
            margin-right: 5em;
        }

.calendar table {
            border-collapse: separate;
            text-align: center;
        }

.calendar table h3 {
            text-align: left;
        }

.calendar-day table {
            width: 20em;
        }

.calendar-day table td {
            height: 1.6em;
        }

.calendar .text-input {
            width: 100%;
            text-align: center;
        }

.calendar .button {
            background: #fff;
            border:0 none;
            color: #8ac;
            cursor: pointer;
            width: 100%;
            border: 1px dashed #dee;
        }

.calendar .button:hover {
            color: #46a;
            background: #efd;
        }

.picture-filter {
            background: #eef;
            padding: 0.2em;
        }

.picture-filter .button {
            background: #fff;
            border: 1px dashed #dee;
        }

.picture-filter .button:hover {
            background: #efd;
        }

.picture-links .button {
            background: #fff;
            border:0 none;
            border: 1px dashed #dee;
        }

.picture-links .button:hover {
            background: #efd;
        }

.picture table{
            border-collapse: separate;
        }

.picture th {
            text-align: center;
            padding: 0.2em;
        }

.picture td {
            border: 1px solid #dee;
            padding: 0.2em;
        }

.picture td .name {
            background: #eef;
            padding: 0;
            width: 10%;
        }

.picture td .value {
            padding: 0;
        }

.image table {
            border-collapse: separate;
            width: 64%;
        }

.image td {
            text-align: center;
            padding: 0.2em;
            border: 1px dashed #dee;
        }

.player table {
            border-collapse: separate;
            border: 1px dashed #dee;
            padding: 1em;
        }

.game table {
            border-collapse: separate;
            border: 1px dashed #dee;
            padding: 1em;
        }

.dice table {
            text-align: center;
            border-collapse: separate;
            border: 1px dashed #dee;
            padding: 1em;
        }

.dice td {
            padding: 1em;
        }

.score table {
            text-align: center;
            border-collapse: separate;
            padding: 0.2em;
        }

.score .standard {
            background: #eef;
            border: 1px dashed #dee;
            padding: 0.2em;
            width: 8em;
            font-size: 50%;
        }

.score td {
            border: 1px dashed #dee;
            padding: 0.2em;
        }

.score .total {
            background: #dde;
            font-size: 80%;
        }

.score .total-all {
            background: #ccd;
            font-size: 100%;
        }

.list-img table {
            text-align: center;
            border-collapse: separate;
        }

.list-img td {
            padding: 0.4em;
        }
